<template>
    <div>
    <!-- 设置充电模式--模态框 -->
    <div class="modal fade" id="SetChargeModeModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel"
         aria-hidden="true" data-backdrop="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <label id="chargeModalLabel" class="modal-title" style="font-weight:bold;">设置充电模式</label>
                </div>
                <div class="modal-body row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <form method="post" role="form"
                                  class="form-horizontal bv-form"
                                  novalidate="novalidate">
                                <div class="row">
                                    <!--申请单信息 START-->
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left">*集控器</label>
                                            <div class="col-sm-7">
                                                <input type="hidden" id="hid_CtrlModel" value=""/>
                                                <div class="btn-group">
                                                    <button id="ddlCtrlModel" type="button"
                                                            class="btn btn-default dropdown-toggle"
                                                            data-toggle="dropdown"
                                                            aria-expanded="false">
                                                        集控器名称<span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu" id="CtrlModel"
                                                        role="menu"
                                                        aria-labelledby="ddlCtrlModel"></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left">*群充组</label>
                                            <div class="col-sm-12 col-xs-12 col-md-7 col-lg-7">
                                                <input type="hidden" id="hid_DCPile" value=""/>
                                                <div class="btn-group" style="margin-top:6px;">
                                                    <button id="ddlDCPile" type="button"
                                                            class="btn btn-default dropdown-toggle"
                                                            data-toggle="dropdown"
                                                            aria-expanded="false">
                                                        群充组<span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu" id="DCPile"
                                                        role="menu"
                                                        aria-labelledby="ddlDCPile"></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12" id="div_ChargeMode">

                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left">*充电模式</label>
                                            <div class="col-sm-12 col-xs-12 col-md-7 col-lg-7">
                                                <div class="btn-group" style="margin-top:6px;"
                                                     id="group_RoundFilling">
                                                    <label class="no-padding" id="lbl_RoundFilling">
                                                        <input name="form-field-radio" type="radio"
                                                               id="RoundFilling"
                                                        ><!--RadioChange('RoundFilling')-->
                                                        <span class="text">轮充</span>
                                                    </label>
                                                </div>
                                                <div class="btn-group" style="margin-top:6px;"
                                                     id="group_ChargGroup">

                                                    <label class="no-padding" id="lbl_ChargGroup">
                                                        <input name="form-field-radio" type="radio"
                                                               id="ChargGroup"
                                                        ><!--RadioChange('ChargGroup')-->
                                                        <span class="text">群充</span>
                                                    </label>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12"
                                         id="div_ChargeStrategy">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left">*群充策略</label>
                                            <div class="col-sm-12 col-xs-12 col-md-7 col-lg-7">
                                                <div class="btn-group" style="margin-top:6px;"
                                                     id="group_A">
                                                    <label class="no-padding" id="lbl_Strategy_A">
                                                        <input name="form-field-radio" type="radio"
                                                               id="Strategy_A"
                                                        ><!--SetStrategyCheckbox('Strategy_A')-->
                                                        <span class="text">策略A</span>
                                                    </label>
                                                </div>
                                                <div class="btn-group" style="margin-top:6px;"
                                                     id="group_B">
                                                    <label class="no-padding" id="lbl_Strategy_B">
                                                        <input name="form-field-radio" type="radio"
                                                               id="Strategy_B"
                                                        ><!--SetStrategyCheckbox('Strategy_B')-->
                                                        <span class="text">策略B</span>
                                                    </label>
                                                </div>
                                                <div class="btn-group" style="margin-top:6px;"
                                                     id="group_C">
                                                    <label class="no-padding" id="lbl_Strategy_C">
                                                        <input name="form-field-radio" type="radio"
                                                               id="Strategy_C"
                                                        ><!--SetStrategyCheckbox('Strategy_C')-->
                                                        <span class="text">策略C</span>
                                                    </label>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                    <!--申请单信息 END-->
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                            @click="CancelChargeModelStrategySet1"><i class="fa fa-reply"></i> 返回
                    </button>
                    <button type="button" id="btnSaveChargeModelStrategySet" class="btn btn-default"
                            @click="btnSaveChargeModelStrategySet1">
                        <i class="fa fa-save"></i>确定
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <!--一键充电--模态框-->
    <div class="modal fade" id="OneKeyChargeModal" tabindex="-1" role="dialog"
         aria-labelledby="oneKeyModalLabel" aria-hidden="true" data-backdrop="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <label id="oneKeyModalLabel" class="modal-title" style="font-weight:bold;">一键充电详情</label>
                </div>
                <div class="modal-header">
                    <div class="row">
                        <div class="table-responsive"
                             style="overflow-x: auto !important; padding-top:8px;padding-left:10px;padding-right:10px">
                            <table class="table table-striped table-hover table-bordered  max-width-table"
                                   style="table-layout: fixed;">
                                <tbody>
                                <tr>
                                    <td id='Clink_AllCount'>申请启动的终端总数：<label
                                            id="lbl_Clink_AllCount">0</label>
                                    </td>
                                </tr>
                                <tr>
                                    <td id='Clink_SuccessCount'>启动成功的终端数量：<label
                                            id="lbl_Clink_SuccessCount">0</label></td>
                                </tr>
                                <tr>
                                    <td id='Clink_FailureCount'>启动失败的终端数量：<label
                                            id="lbl_Clink_FailureCount">0</label></td>
                                </tr>
                                <tr>
                                    <td id='Clink_Starting'>正在启动中的终端数量：<label
                                            id="lbl_Clink_Starting">0</label>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal"><i
                            class="fa fa-reply "></i> 返 回
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <!--充电帮助-->
    <div class="modal fade" id="TpsHelpModal" tabindex="-1" role="dialog" draggable="true"
         aria-labelledby="TpsHelpLabel" aria-hidden="true" data-backdrop="false">
        <div class="modal-dialog HelpModal">
            <div class="modal-content" @click="HideHelpModal">
                <div class="table-responsive">
                    <table style="table-layout:fixed"
                           class="table table-striped table-hover table-bordered singleSelect  max-width-table"
                           data-index=",7">
                        <thead>

                        </thead>
                        <tbody>
                        <img src=""/>
                        <!-- /.modal-content -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div><!-- /.modal -->
    </div>

    <!-- 设置充电模式消息框 -模态框（Modal）detail -->
    <div class="modal fade" id="SetChargeModeMessageModal" tabindex="-1" role="dialog"
         aria-labelledby="chargeModeMessageLabel" aria-hidden="true" data-backdrop="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <label id="chargeModeMessageLabel" class="modal-title"
                           style="font-weight:bold;">设置充电模式详情</label>
                </div>
                <div class="modal-header">
                    <div class="row">
                        <div class="table-responsive"
                             style="overflow-x: auto !important; padding-top:8px;padding-left:10px;padding-right:10px">
                            <table class="table table-striped table-hover table-bordered  max-width-table"
                                   style="table-layout: fixed;">
                                <tbody>
                                <tr>
                                    <td id='td_AllCount'>申请的终端总数：<label
                                            id="lbl_td_AllCount">0</label></td>
                                </tr>
                                <tr>
                                    <td id='td_SuccessCount'>成功的终端数量：<label
                                            id="lbl_td_SuccessCount">0</label>
                                    </td>
                                </tr>
                                <tr>
                                    <td id='td_FailureCount'>失败的终端数量：<label
                                            id="lbl_td_FailureCount">0</label>
                                    </td>
                                </tr>
                                <tr>
                                    <td id='td_Starting'>正在设置中的终端数量：<label
                                            id="lbl_td_Starting">0</label></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal"><i
                            class="fa fa-reply "></i> 返 回
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <!-- 请刷卡-模态框（Modal）detail -->
    <div class="modal fade in" id="PleasePayByCardModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width:700px;">
            <div class="modal-content">
                <div class="modal-body row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <form method="post" role="form"
                                  class="form-horizontal bv-form"
                                  novalidate="novalidate">
                                <div class="row">

                                    <div class=" payCardCountStyleLeft">
                                        <div class="content">
                                            <img src=""/>
                                        </div>
                                    </div>
                                    <div class="payCardCountStyleRight">
                                        <div class="content">
                                            <div>
                                                <span style="padding-top:0px;padding-left:30px;padding-right:0px;align-content:center;font-size:60px;font-weight:bold;">请刷卡<span id="span_pleaseTitle"/></span>
                                            </div>
                                            <div>
                                                <span style="padding-top:0px;padding-left:30px;padding-right:0px;align-content:center;font-size:60px;font-weight:bold;">
                                                    <span id="span_CountDown"></span>秒后将取消刷卡</span>
                                            </div>


                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i
                            class="fa fa-reply "></i>取消刷卡
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>


    <!-- 刷卡充电-模态框（Modal）detail -->
    <div class="modal fade in" id="PayByCardChargeModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width:850px;">
            <div class="modal-content">
                <input type="hidden" id="hidCtrlAddrPillCan" value=""/>
                <input type="hidden" id="hid_PayCust" value=""/> <!--支付账户-->
                <div class="modal-body row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <form method="post" role="form"
                                  class="form-horizontal bv-form"
                                  novalidate="novalidate">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group"
                                             style="font-weight:bold; text-align:center;font-size:25px;">
                                            尊敬的&nbsp;<label name="span_CustName"
                                                            style="font-weight:bold; text-align:center;font-size:25px;"></label>&nbsp;用户，您好！
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left"
                                                   style="font-weight:bold;">您的卡号</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="span_CardCode" class="control-label"
                                                           style="font-weight:bold;"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left"><span
                                                    name="span_lablTitle"></span>充电时间</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="span_LastChargeTime"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left"><span
                                                    name="span_lablTitle"></span>充电终端</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="span_LastChargePill"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left"><span
                                                    name="span_lablTitle"></span>充电电量</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="span_LastChargePower"
                                                           class="control-label"></label>
                                                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                                    <a id="carddetail" href="javascript:void(0)"
                                                       style="vertical-align: bottom;">充电详情</a>
                                                    <!--dispatch_PayCard.SetChargeDeatilData(this,2);-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left"><span
                                                    name="span_lablTitle"></span>充电费用</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="span_LastChargeMoney"
                                                           class="control-label"></label>
                                                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                                    <a id="cardhistory" href="javascript:void(0)"
                                                       style="vertical-align: bottom;">更多历史记录</a>
                                                    <!--dispatch_PayCard.InitMoreHistoryRecrordsList();-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <hr class="wide"
                                                style="margin-top:2px;margin-bottom:2px;"/>
                                        </div>
                                    </div>

                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left">客户名称</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label name="span_CustName"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left">客户类型</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="span_CustType"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left">支付帐号</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <button id="ddlPayCust" type="button"
                                                            class="btn btn-default dropdown-toggle"
                                                            data-toggle="dropdown"
                                                            aria-expanded="false">
                                                        支付帐号<span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu" id="PayCust"
                                                        role="menu"
                                                        aria-labelledby="ddlPayCust"></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12" id="div_Coupon">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left"><span
                                                    name="span_secCouponTitle"></span>可用优惠券</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group" id="cb_Coupon">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12" id="div_Securities">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left"><span
                                                    name="span_secCouponTitle"></span>可用代金券</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group" id="cb_Securities">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="div_CreditBalance"
                                         class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left">信用账户余额</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="span_CreditBalance"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="div_CashBalance" class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-5 control-label no-padding-left">现金账户余额</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="span_CashBalance"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="divThirdAccs"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div id="div_footer_noCharge" class="modal-footer"
                     style="text-align: center; display:none">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i
                            class="fa "></i>关闭窗口
                    </button>
                </div>
                <div id="div_footer" class="modal-footer" style="text-align: center; display: none">
                    <button id="btnPayByCardForCharege" type="button" class="btn btn-primary"
                            data-dismiss="modal"><i
                            class="fa fa-primary "></i>立即充电
                        <!--onclick="vue_this.PayByCardForCharege();"-->
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i
                            class="fa "></i>关闭窗口
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>


    <!--充电详情-->
    <div class="rs-dialog" style="z-index:10001" id="chargeDetailModal">
        <div class="rs-dialog-box" style="max-width:600px;">
            <a class="closeModal" href="javascript:return 0">&times;</a>
            <div class="rs-dialog-header">
                <h3 id="title_chargeDetailModal"></h3>
            </div>
            <div class="rs-dialog-body">
                <div class="row">
                    <div class="table-responsive"
                         style="overflow-x: auto !important; padding-top: 0px; padding-left: 10px; padding-right: 10px">
                        <table class="table table-striped table-hover table-bordered  max-width-table"
                               style="table-layout: fixed;">
                            <tbody>
                            <tr>
                                <td id='BeginTime'>开始时间：</td>
                            </tr>
                            <tr>
                                <td id='EndTime'>结束时间：</td>
                            </tr>
                            <tr>
                                <td id='Power'>总电量(度)：</td>
                            </tr>
                            <tr>
                                <td id='ECTaxInFee'>充电费用(元)：</td>
                            </tr>
                            <tr>
                                <td id='CustName'>充电人：</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top:10px;">
                        <div class="table-responsive">
                            <table style="table-layout: fixed; min-width: 374px;"
                                   class="table  table-striped table-hover table-bordered  max-width-table"
                                   id="chargeTable">
                                <thead>
                                <tr role="row">
                                    <th style="width: 100px;" class="text-center"
                                        data-field="field:Code,cssClass:text-center,hasTitle:true">
                                        时段
                                    </th>
                                    <th style="width:60px;" class="text-center"
                                        data-field="field:PossibilityName,cssClass:text-center">
                                        电费单价<br/>(元/度)
                                    </th>
                                    <th style="width:60px" class="text-center"
                                        data-field="field:BuildStateName,cssClass:text-center">
                                        服务费单价<br/>(元/度)
                                    </th>
                                    <th style="width: 60px;" class="text-center"
                                        data-field="field:IndustryName,cssClass:text-center,hasTitle:true">
                                        电量(度)
                                    </th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rs-dialog-footer" style="text-align:center">
                <button type="button" class="btn btn-default closeModal"><i class="fa "></i>关闭窗口
                </button>
            </div>
        </div>
    </div>
    <!--查看详情-->
    <div class="rs-dialog" style="z-index:10001" id="ShowDetailModal">
        <div class="rs-dialog-box" style="max-width:600px;">
            <a class="closeModal" href="javascript:return 0">&times;</a>
            <div class="rs-dialog-body">
                <div id="divDetailRow" class="row">
                </div>
            </div>

        </div>
    </div>

    <div class="rs-dialog" style="z-index: 10000" id="moreHistoryChargerRecordsModal">
        <div class="rs-dialog-box" style="width:1200px;">
            <a class="closeModal" href="javascript:return 0">&times;</a>
            <div class="rs-dialog-header">
                <h3 id="title_moreHistoryChargerRecordsModal"></h3>
            </div>
            <div class="rs-dialog-body">
                <div class="table-responsive">
                <table class="table table-striped table-hover table-bordered  max-width-table"
                       id="table_MoreHistoryRecrords" style="table-layout:fixed !important">
                    <thead>
                    <tr role="row">
                        <th style="width: 55px;" class="text-center">
                            <label for="">序号</label>
                        </th>
                        <th style="width: 100px;" class="text-center"
                            data-field="field:BeginTime,cssClass:text-center,hasTitle:true">
                            <label for="">充电开始时间</label>
                        </th>
                        <th style="width: 100px;" class="text-center"
                            data-field="field:EndTime,cssClass:text-left,hasTitle:true">
                            <label for="">充电完成时间</label>
                        </th>
                        <th style="width:70px;" class="text-center"
                            data-field="field:ChargeCuration,cssClass:text-center,hasTitle:true">
                            <label for="">充电时长</label><!--PossibilityName-->
                        </th>
                        <th style="width:50px" class="text-center"
                            data-field="field:Power_Str,cssClass:text-center,hasTitle:true">
                            <label for="">充电电量(度)</label><!--Power-->
                        </th>
                        <th style="width: 70px;" class="text-center"
                            data-field="field:ECTaxInFee_Str,cssClass:text-center,hasTitle:true">
                            <label for="">电费(元)</label><!--ECTaxInFee-->
                        </th>
                        <th style="width: 70px" class="text-center"
                            data-field="field:SCTaxInFee_Str,cssClass:text-center,hasTitle:true">
                            <label for="">服务费(元)</label><!--SCTaxInFee-->
                        </th>
                        <th style="width: 90px;" class="text-center"
                            data-field="field:IndustryName,cssClass:text-center,hasTitle:true">
                            <label for="">操作</label>
                        </th>
                    </tr>
                    </thead>
                </table>
                </div>
            </div>
            <div class="rs-dialog-footer" style="text-align:center">
                <button type="button" class="btn btn-default closeModal"><i class="fa "></i>关闭窗口
                </button>
            </div>
        </div>
    </div>

    <div class="rs-dialog" style="z-index: 10000" id="LoadDispatchModal">
        <div class="rs-dialog-box" style="width:640px;">
            <a class="closeModal" href="javascript:return 0">&times;</a>
            <div class="rs-dialog-header">
                <h3>查看负荷调度</h3>
            </div>
            <div class="rs-dialog-body">
                <div class="table-responsive">
                    <div id="chart-container"></div>
                </div>
            </div>
            <div class="rs-dialog-footer" style="text-align:center">
                <button type="button" class="btn btn-default closeModal"><i class="fa "></i>关闭窗口
                </button>
            </div>
        </div>
    </div>

    <!--设置一体机密码-->
    <div class="modal fade in" id="integrMachineInoPasswordModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width:650px;">
            <div class="modal-content">
                <div class="modal-body row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <form method="post" role="form"
                                  class="form-horizontal bv-form"
                                  novalidate="novalidate">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group"
                                             style="font-weight:bold; text-align:center;font-size:25px;">
                                            设置一体机操作密码
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left"
                                                   style="font-weight:bold;">原密码</label>
                                            <div class="col-sm-7">
                                                <input type="password" name="password"
                                                       id="oldPassWord"
                                                       class=" form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left"
                                                   style="font-weight:bold;">新密码</label>
                                            <div class="col-sm-7">
                                                <input type="password" name="password"
                                                       id="newPassWord"
                                                       class=" form-control">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div id="div_footer" class="modal-footer" style="text-align: center;">
                    <button id="btnUpdatePassWord" type="button" class="btn btn-primary"
                            @click=""><i class="fa fa-primary "></i>保存
                        <!--onclick="dispatchForValiReload.UpdatePassWord();"-->
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i
                            class="fa "></i>返回
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <!-- 验证口令 【EditBy shaocx,2015-12-07】-->
    <div class="modal fade" id="ValdatePasswordModal" tabindex="-1" role="dialog"
         aria-labelledby="valdatePasswordLabel" aria-hidden="true" data-backdrop="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <label id="valdatePasswordLabel" class="modal-title" style="font-weight:bold;">本机无人值守，操作需验证口令</label>
                </div>
                <div class="modal-body row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <form method="post" role="form"
                                  class="form-horizontal bv-form"
                                  novalidate="novalidate">
                                <div class="row">
                                    <!--申请单信息 START-->
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label no-padding-left">*口令</label>
                                            <div class="col-sm-7">
                                                <input type="password" name="password" id="password"
                                                       class=" form-control" placeholder="输入口令"
                                                       style="position: absolute;z-Index:8888"
                                                       @click="">
                                                <!--onclick="var temp=document.getElementById('inputnum');temp.focus();"-->
                                                <input type="number" id="inputnum"
                                                       style="position: absolute !important;top:10px;z-Index:1"
                                                       tabindex="-1"
                                                       onfocus=""
                                                       oninput="">
                                                <!--onfocus="this.click();"
                                                     oninput="document.getElementById('password').value = this.value"-->
                                            </div>
                                            <div class="col-sm-3">
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <button type="button" id="btnValdatePassword"
                                                        @click=""
                                                        class="btn btn-primary"
                                                        data-loading-text="正在处理...">
                                                    验 证
                                                    <!--onclick="dispatchForValiReload.ValdatePassword();"-->
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <!--申请单信息 END-->
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"
                            @click=""><i
                            class="fa fa-reply "></i> 返 回
                        <!--onclick="dispatchForValiReload.CancelValdatePassword();"-->
                    </button>

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <!--刷新频率模态框-->
    <div class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="false"
         id="RefreshTimeModal" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="bootbox-close-button close"
                            data-dismiss="modal" aria-hidden="true">
                        ×
                    </button>
                    <h6 class="modal-title">刷新频率</h6>
                </div>
                <div class="modal-body" id="DetailDataBody">
                    <div class="table-toolbar">
                        <input type="hidden" id="hidRefreshTime"/>
                        <input type="hidden" id="hidRefreshTimeValue"/>
                        <div class="btn-group">
                            <div class="input-group helper-group"
                                 style=" float: left; width: 200px">
                                <input type="text" class="form-control input-sm input-sm"
                                       id="Pile_keywords"
                                       placeholder="关键字搜索">
                            </div>
                        </div>
                        <button type="button" flag="SomeSta" class="btn btn-default "
                                @click="search1">
                            <i class="fa fa-search"></i>查 询
                        </button>
                        <button type="button" flag="SomeSta" class="btn btn-default "
                                @click="reset1">
                            <i class="fa fa-repeat"></i>重 置
                        </button>
                    </div>
                    <div class="form-group">
                        <div class="table-responsive" style="overflow-y: auto;width:100%">
                            <!--如果不设定主动宽度的，JS报表格父节点未找到可计算宽度的容器-->
                            <table class="table table-striped table-hover table-bordered  max-width-table"
                                   id="RefreshTimeTable"
                                   style="">
                                <thead>
                                <tr role="row">
                                    <th style="width:50px;" class="text-center">
                                        <label>序号</label>
                                        <span style="width:4px;margin:0;height: 100% !important;position: relative;display: inline;overflow: hidden;margin-right:-8px;">&nbsp;</span>
                                    </th>
                                    <th style="width: 100px; " class="text-center"
                                        data-field="field:Name,cssClass:text-center,hasTitle:true">
                                        <label>刷新频率(秒)</label>
                                        <span style="width:4px;margin:0;height: 100% !important;position: relative;display: inline;overflow: hidden;margin-right:-8px;">&nbsp;</span>
                                    </th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btnSaveRereshTime" type="button" class="btn btn-primary"
                            data-dismiss="modal"
                            @click="SaveRereshTime1">
                        确定
                    </button>
                    <button type="button" class="btn" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <!--定时一键充电设置-->
    <div class="modal fade in" id="handTimeOneKeyChargeModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <form id="form2" method="post" role="form"
                                  class="form-horizontal bv-form"
                                  novalidate="novalidate">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group"
                                             style="font-weight:bold; text-align:center;font-size:25px;">
                                            设置充电时间
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left">电站</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label name="lbl_onekey_Sta"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left"
                                                   style="font-weight:bold;">充电时间</label>
                                            <div class="col-sm-7">
                                                <div class="input-group bootstrap-timepicker timepicker">
                                                    <input id="timepicker_onekey" type="text"
                                                           class="form-control input-small"
                                                           readonly="readonly">
                                                    <span class="input-group-addon"><i
                                                            class="glyphicon glyphicon-time"></i></span>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left"
                                                   style="font-weight:bold;"></label>
                                            <div class="col-sm-7">
                                                <div class="btn-group" style="margin-top:6px;">
                                                    <label class="no-padding">
                                                        <input name="TimeRadio" type="radio"
                                                               value="1">
                                                        <span class="text">仅定时一次</span>
                                                    </label>
                                                </div>
                                                &nbsp;&nbsp;&nbsp;&nbsp;
                                                <div class="btn-group" style="margin-top:6px;">
                                                    <label class="no-padding">
                                                        <input name="TimeRadio" type="radio"
                                                               value="2">
                                                        <span class="text">长期定时</span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div id="div_footer1" class="modal-footer" style="text-align: center;">
                    <button id="btnAddTimingOnekeyCharge" type="button" class="btn btn-primary"
                            @click="AddTimingOnekeyCharge1"><i class="fa fa-primary "></i>保&nbsp;存
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i
                            class="fa "></i>关&nbsp;闭
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <!--定时一键充电查看-->
    <div class="modal fade in" id="handTimeOneKeyShowModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <form id="form1" method="post" role="form"
                                  class="form-horizontal bv-form"
                                  novalidate="novalidate">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group"
                                             style="font-weight:bold; text-align:center;font-size:25px;">
                                            查看定时充电时间
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left">电站</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label name="lbl_onekey_Sta"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left"
                                                   style="font-weight:bold;">充电时间</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="lbl_onekey_time"
                                                           class="control-label"></label>
                                                    <input type="hidden" id="hid_JobId" value=""/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label no-padding-left"
                                                   style="font-weight:bold;">充电类型</label>
                                            <div class="col-sm-7">
                                                <div class="btn-group">
                                                    <label id="lbl_TimeType"
                                                           class="control-label"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div id="div_footer2" class="modal-footer" style="text-align: center;">
                    <button id="btnRemoveTimingOnekeyCharge" type="button" class="btn btn-primary"
                            data-dismiss="modal" @click="RemoveTimingOnekeyCharge1"><i
                            class="fa fa-primary "></i>撤&nbsp;销
                    </button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i
                            class="fa "></i>关&nbsp;闭
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    </div>

</template>


<style>

</style>


<script>

    import * as TPSSearch from "../CommonJS/TPSSearch.js" //TPS公共js

    //引用组件
    export default {

        data() {
            return {} //初始化data 
        },

        mounted() {
            //初始化控件等dom操作 
            //注意只有该声明周期可以操作dom 
        },

        components: {

        },

        methods: {
            //隐藏电站帮助模态框
            HideHelpModal:function () {
                $("#TpsHelpModal").modal("hide");
            },
            //刷新频率查询
            search1:function () {
                TPSSearch.search();
            },
            //刷新频率重置
            reset1:function () {
                TPSSearch.reset();
            },
            //刷新频率确定
            SaveRereshTime1:function () {
                TPSSearch.SaveRereshTime();
            },
            //设置充电模式-返回
            CancelChargeModelStrategySet1:function () {
                TPSSearch.CancelChargeModelStrategySet();
            },
            //设置充电模式-确定
            btnSaveChargeModelStrategySet1:function () {
                TPSSearch.btnSaveChargeModelStrategySet();
            },
            //一键充电--确定
            AddTimingOnekeyCharge1:function () {
                TPSSearch.AddTimingOnekeyCharge();
            },
            //一键充电--撤销
            RemoveTimingOnekeyCharge1:function () {
                TPSSearch.RemoveTimingOnekeyCharge();
            },






        }
    }


</script>